* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* border: 0; */
}

.w_100 {
    width: 100%;
    margin: 0 auto;
}

.w_1400 {
    width: 1400px;
    margin: 0 auto;
}

.w_1200 {
    width: 1200px;
    margin: 0 auto;
}

.w7h5 {
    width: 780px;
    height: 520px;
}

body {
    font-size: 14px;
    font-family: "微软雅黑";
}

a,
a:link,
a:visited {
    cursor: pointer;
    text-decoration: none;
    /* color: #333333; */
}

a:hover {
    color: #cc0000;
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none outside;
}

.fll {
    float: left;
}

.flr {
    float: right;
}

.clear {
    clear: both;
}

.w_full {
    width: 100%;
}

.w_980 {
    width: 980px;
    margin: 0 auto;
}

.w_1100 {
    width: 1100px;
    margin: 0 auto;
}

.clearfloat {
    clear: all;
}


/* 字体颜色灰色*/

.gray {
    color: #666;
}


/* 字体颜色白色*/

.white {
    color: #fff;
}


/* 字体16px  用于导航*/

.fs_16 {
    font-size: 16px;
}


/* 字体14px */

.fs_14 {
    font-size: 14px;
}


/* 字体12px*/

.fs_12 {
    font-size: 12px;
}


/* 行距20px*/

.lh_20 {
    line-height: 20px;
}


/*单行文本裁剪  Safari,Opera,IE下效果*/

.clip {
    display: block;
    width: 100px;
    /*设置内容宽度*/
    overflow: hidden;
    /*隐藏溢出的文本*/
    white-space: nowrap;
    /*让文本不换行*/
    -o-text-overflow: ellipsis;
    /*Opera下实现ellipsis效果*/
    text-overflow: ellipsis;
    /*Safari，IE下实现ellipsis效果*/
}


/*Firefox实现效果*/

@-moz-document url-prefix () {
    /*@-moz-document url-perfix(){}是firefox的一个独有属性，只有firefox浏览器能识别，也可以说是一种hack*/
    .clip {
        max-width: 70px;
        /* 在FF下改变内容宽度，用来放置:after增加的内容(...)*/
        float: left;
        /*进行浮动*/
    }
}

@-moz-document url-prefix () {
    /*利用:after增加(...)省略符*/
    .clip {
        content: "...";
        /*增加省略符号*/
        float: left;
        /*设置浮动*/
        width: 25px;
        /*省略符宽度*/
        padding-left: 5px;
        /*省略符内距，用来拉开内容之间的距离*/
        color: #000;
    }
}


/*多行文本裁剪适用于移动端*/

.clip2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*伸缩盒子 适用于移动端*/

.box_h {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
}

.box_v {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
}

.flex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
}

.flex2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -ms-box-flex: 2;
}

.flex3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -ms-box-flex: 3;
}


/*换行*/

.t_w_w {
    /*table下换行需要加*/
    table-layout: fixed;
    width: 100px;
}

.w_w {
    overflow: hidden;
    word-wrap: break-word;
}


/*不换行*/

.n_w_w {
    white-space: nowrap;
    word-break: keep-all;
}


/*透明*/

.op_9 {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.op_8 {
    opacity: 0.8;
    -moz-opacity: 0.8;
    /*Firefox私有，透明度50%*/
    filter: alpha(opacity=80);
}

.op_7 {
    opacity: 0.7;
    -moz-opacity: 0.7;
    /*Firefox私有，透明度50%*/
    filter: alpha(opacity=70);
}

.op_6 {
    opacity: 0.6;
    -moz-opacity: 0.6;
    /*Firefox私有，透明度50%*/
    filter: alpha(opacity=60);
}


/*圆角*/

.b_r_3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/*圆角*/

.b_r_4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


/*圆角*/

.b_r_5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}